<script setup>
import { ref } from "vue"
import {useRouter} from "vue-router"
const router = useRouter()
//用户审核参数
const type = ref("")
// 用户审核数据
const userList = ref([])

const confirmDel = () => {

}
const cancelDel = () => { }

const pageChange = () => { }

const lookDetail = () => {
  router.push("/audit-detail")
}
</script>
<template>
  <div class="audituser-container">
    <el-card>
      <el-radio-group v-model="type">
        <el-radio :label="1">全部</el-radio>
        <el-radio :label="1">创建中</el-radio>
        <el-radio :label="1">待审核</el-radio>
        <el-radio :label="1">审核失败</el-radio>
        <el-radio :label="1">审核通过</el-radio>
      </el-radio-group>
    </el-card>

    <el-card>
      <el-table :data="userList" style="width: 100%">
        <el-table-column type="index" label="序号"></el-table-column>
        <el-table-column prop="sensitives" label="姓名"></el-table-column>
        <el-table-column prop="createdTime" label="身份证号"></el-table-column>
        <el-table-column prop="createdTime" label="认证类型"></el-table-column>
        <el-table-column prop="createdTime" label="状态"></el-table-column>
        <el-table-column label="操作">
          <template #default="{ }">
            <el-button size="small" type="primary" @click="lookDetail">查看</el-button>
            <el-popconfirm title="是否确认通过?" @confirm="confirmDel" @cancel="cancelDel" confirm-button-text="Yes"
              cancel-button-text="No">
              <template #reference>
                <el-button size="small">通过</el-button>
              </template>
            </el-popconfirm>
            <el-popconfirm title="是否确认驳回?" @confirm="confirmDel" @cancel="cancelDel" confirm-button-text="Yes"
              cancel-button-text="No">
              <template #reference>
                <el-button size="small">驳回</el-button>
              </template>
            </el-popconfirm>
          </template>
        </el-table-column>
      </el-table>
    </el-card>

    <el-pagination size="large" background layout="prev, pager, next" :total="1000" @current-change="pageChange" />
  </div>
</template>

